<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			*{
				margin: 0;
				padding: 0;
			}
			.left{
				height: 500px;
				overflow: hidden;
				background: red;
		
			}
			.mid{
				width: 100px;
				height: 500px;
				float: right;
				background: blue;
			}
			.right{
				width: 200px;
				height: 500px;
				float: right;	
				background: green;
			}
		</style>
	</head>
	<body>
		<div class="mid"></div>
		<div class="right"></div>
		<div class="left">	Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia cupiditate officia delectus nostrum nemo dolorum est modi laudantium at eum dolore esse assumenda enim. Perferendis odio facilis repellat aliquid hic?Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias fugiat labore commodi deserunt deleniti repellendus quisquam libero reprehenderit hic itaque explicabo dignissimos harum odio adipisci neque? Distinctio repellat maxime qui.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint fugit eos labore cumque ab ut itaque. Aliquam minima dolorum cum consequatur quia eos ratione. Maiores corporis nam qui sunt enim!</div>
		
	</body>
</html>
